<template>
  <div class="NavBar">
    <van-nav-bar title="余额明细" left-text="返回" left-arrow @click-left="onClickLeft">
      <template #right>
        <!-- <van-icon name="replay" size="18" @click="onReplay"/> -->
        <van-button  @click="recharge()" class="btn-font">充值</van-button>
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
export default {
  name: "NavBar",
  methods: {
    onClickLeft() {
      this.$router.push("/profile");
    },
    recharge(){
      this.$router.push("/recharge")
    }
  }
};
</script>

<style>
.btn-font {
  color: #3b53ef;
  /* font-size: 16px;
  position: relative;
  top: -2px; */
}
</style>